html {height: 100%;}
body {height: 100%; background: transparent url(../images/background.gif); margin: 0px; text-align: center;}
div {text-align: left; line-height: 16px; color: #7D7D7D; font: normal 11px Verdana}
img {border: 0px}
form {padding: 0px; margin: 0px;}

input, select {font-size: 11px}
input.button {font-size: 10px; margin-right: 3px}

div.error-list {margin-top: 10px}
div.error-list strong {font-weight: bold; color: #f00 !important}

div.wrapper {height: 100%; width: 782px; margin: 0px auto 0px auto; position: relative}
div.wrapper-inner {height: 100%; background: transparent url(../images/footer_background.jpg) no-repeat scroll bottom center}
div.wrapper-inner-nav {height: 100%; background: #252525 url(../images/main_background_nav.gif) repeat-y scroll; }
div.wrapper-inner-no-nav {height: 100%; background: #252525 url(../images/main_background.gif) repeat-y scroll; }

div.header {cursor: pointer; border-top: 16px solid black; border-left: 1px solid #000; border-right: 1px solid #000; background: #396089 url(../images/header_background.jpg) no-repeat scroll center right}
div.user-bar {border-left: 1px solid #000; border-right: 1px solid #000; background: #fff url(../images/userbar_background.gif) no-repeat scroll; font: normal 11px Verdana, Arial, Helvetica; padding: 9px 10px 9px 20px}
div.user-bar .actions {float: right; width: 180px; margin-top: -5px}
div.user-bar .actions img {vertical-align: middle; margin: 0px 3px 2px 10px}
div.user-bar a {color: #4E7397; text-decoration: none}
div.user-bar a:hover {text-decoration: underline}

div.main {background: #252525 url(../images/main_background.gif) repeat-y scroll; color: #fff; padding: 10px 6px 10px 6px; font: normal 11px Verdana, Arial, Helvetica;}
div.main-nav {background: #252525 url(../images/main_background_nav.gif) repeat-y scroll; color: #fff; font: normal 11px Verdana, Arial, Helvetica;}

div.col1 {width: 375px; float: left;}
div.colspacer {width: 15px; float: left}
div.col2 {width: 375px; float: left;}

div.col1 .item, div.col2 .item {color: #7D7D7D; font: normal 11px Verdana, Arial, Helvetica; border: 3px solid #383838; padding: 10px 10px 10px 70px; margin-bottom: 10px; background-attachment: scroll; background-repeat: no-repeat; background-position: 6px 6px}
div.col1 .item:hover, div.col2 .item:hover {border: 3px solid #174774; cursor: pointer}
div.item a {color: #1A8BF5; text-decoration: none; font-weight: bold}
div.item p {height: 50px; margin: 0px; padding: 0px}
.option-band {background-image: url(../images/icon_band.gif)}
.option-releases {background-image: url(../images/icon_releases.gif)}
.option-media {background-image: url(../images/icon_media.gif)}
.option-links {background-image: url(../images/icon_links.gif)}
.option-live {background-image: url(../images/icon_live.gif)}
.option-admin {background-image: url(../images/icon_admin.gif)}


.nav-wrapper {width: 154px; position: absolute; top: 130px; left:0px}
.nav {margin: 1px}
.nav a:hover {text-decoration: underline}
.nav .option, .nav .option-active {background-attachment: scroll; background-position: 0 0; background-repeat: no-repeat; padding: 0px 8px 0px 36px; height: 34px}
.nav .option-active {background-color: #2C80CE; border-bottom: 1px solid #383838}
.nav ul {list-style: none; padding: 0px; margin: 0px}
/*.nav ul li {background: #484848 url(../images/nav_bullet.gif) no-repeat scroll 38px 6px; padding: 2px 4px 2px 52px; border-bottom: 1px solid #646464} */
.nav ul li {background: #535353; padding: 2px 4px 2px 37px; border-bottom: 1px solid #383838}
.nav ul li a {color: #e6e6e6; text-decoration: none; font-size: 10px}
.nav ul li.active {background: #787878}
.nav a.section {font-weight: bold; text-decoration: none; color: #1A8BF5; font-size: 10px; position: relative; top: 8px; left: 0px}
.nav a.section:hover {color: #fff; border-bottom: 1px dotted #fff}
.nav .option-active a.section {color: #000}
.nav #ln-band {background-image: url(../images/left/band_off.gif)}
.nav #ln-live {background-image: url(../images/left/live_off.gif)}
.nav #ln-releases {background-image: url(../images/left/releases_off.gif)}
.nav #ln-media {background-image: url(../images/left/media_off.gif)}
.nav #ln-links {background-image: url(../images/left/links_off.gif)}
.nav #ln-admin {background-image: url(../images/left/admin_off.gif)}
.nav #ln-admin-active {background-image: url(../images/left/admin_on.gif)}
.nav #ln-band-active {background-image: url(../images/left/band_on.gif)}
.nav #ln-live-active {background-image: url(../images/left/live_on.gif)}
.nav #ln-releases-active {background-image: url(../images/left/releases_on.gif)}
.nav #ln-media-active {background-image: url(../images/left/media_on.gif)}
.nav #ln-links-active {background-image: url(../images/left/links_on.gif)}

div.content {padding: 30px 30px 30px 184px}
div#breadcrumb {padding: 4px; background: #404040; font-size: 10px; font-weight: bold;}
div#breadcrumb a {color: #6DA1D3; text-decoration: none; font-weight: normal}

h1 {font: bold 18px Verdana, Arial, Helvetica; color: #373737; margin: 12px 0px 0px 0px}
.inset {border: 2px solid #444; padding: 10px; margin-bottom: 10px}
.inset a {font-weight: bold; color: #1A8BF5; text-decoration: none}
h2 {color: #1A8BF5; font-size: 14px; margin: 0px 0px 2px 0px}
strong, div.content b {color: #ccc}

.small {font-size: 9px}
.padded {padding: 0px 5px 0px 5px}

.inset .list {width: 100%; background: #000;}
.inset .list td {padding: 3px; font: normal 11px Verdana; background: #333}
.inset .list td.header {background: #224; font-weight: bold; color: #fff}

table.edit-form {width: 100%; }
.edit-form {background: #333; margin-bottom: 10px; }
table.edit-form td {padding: 10px}
div.edit-form {padding: 10px}
.edit-form textarea {width: 100%; height: 130px}
.edit-form textarea.full {height: 200px}
.edit-form textarea.mid {height: 140px}
.edit-form input.text {width: 100%}
.edit-form select {width: 100%}
.edit-form select.inherit {width: inherit}
td.photo {background: #333; padding: 4px}

.thumb-detail {float: right}
div.footer {height: 72px; border-left: 1px solid #000; border-right: 1px solid #000; background: #093762 url(../images/footer_background.jpg) no-repeat scroll}

#venueList {background: #252525}
#venueList .venue {float: left; width: 33%; height: 60px}
#venueList .venue a {display: block; margin: 10px; padding: 10px; background: #333}

option.admin-user {background-color: #EDC2F5  ;font-weight: bold}

div.version {position: absolute; top: 2px; right: 5px; color: #fff; font-size: 10px}
div.version a {color: #4E7397; font-weight: bold; text-decoration: none}
div.version a:hover {text-decoration: underline}